<template>
 <ProjectApplicationList/>
</template>

<script>
import ProjectApplicationList from "@/views/construction/project-application/list";
export default {
  name: "index",
  components: {ProjectApplicationList},
}
</script>

<style lang="less">
.project-application-list-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
  overflow: hidden;

  .row {
    box-sizing: border-box;
    padding: 20px;
    background: white;
    margin-top: 20px;
    border-radius: 5px;
  }

  .radio-row {
    display: flex;

  }

  .search-row {
    padding: 20px 0 10px 20px !important;
  }

  .table-row {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    .table-head {
      display: flex;
      justify-content: space-between;
      margin-bottom: 10px;
    }
  }

  .project-application-table {
    --el-table-header-bg-color: #F3F4F7;
    --el-table-header-text-color: #353A42;
    --el-table-row-hover-bg-color: #ebf7ff;
    --el-table-text-color: #535862;
    &.el-table--large {
      .el-table__header-wrapper {
        .el-table__cell {
          padding: 16px 0;
        }
      }
      .el-table__body-wrapper {
        .el-table__cell {
          padding: 15px 0;
        }
      }
    }
  }


  .before-create-dialog {
    display: flex;
    justify-content: space-around;
    .before-create-dialog-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 150px;
      height: 150px;
      background: #F6FCFF;
      border-radius: 10px;
      cursor: pointer;
      .before-create-dialog-item-image {
        width: 50px;
        height: 50px;
        background: red;
        margin-bottom: 20px;
      }
      .before-create-dialog-item-type {

      }
    }
  }
}
</style>
